*{
	margin: 0;
	padding: 0;
}   /*this make header full of the top of page*/
header{
	background-color: black;
	height: 80px;
}
header ul{
	position: absolute;
	top:30px;
	right: 10px;
}
header li{
	display: inline;
	text-align: center;
}

header li a{
	color: white;
	padding: 20px;        /*the method to use display is unclear*/
	text-decoration: blink;
}
body{
	background-color: 	#D3D3D3;
	margin: none;
}
article{
	background-color: white;
	margin: 2.5em;
	border: outset white;
}

article h1,h2,p,ul{
	padding: 1em;
}
img{
	width: 400px;
	height: 250px;
	padding-top: 0.5em;
}
ul li{
	list-style-type: none;
}
ol {
   padding-left: 2.5em;
   padding-bottom: 1.5em;
}
table{
	margin: 1em;
}
#message{
	background-color: white;
	margin: 2.5em;
	border: outset white;
}
footer{
	background-color: black;
	color: white;
	
}
footer p{
	text-align: center;
	height: 70px;
	font-size: 1.5em;
	 line-height:70px;    /*unclear the use of line-height,seems like make p goes in the middle*/
}